<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head><base href="__STATIC__/show/">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>列表页</title>
<link rel="stylesheet" type="text/css" href="css/top.css"/>
<link rel="stylesheet" type="text/css" href="css/lunbo.css">
<link rel="stylesheet" type="text/css" href="css/liebiao.css"/>
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/public.js"></script>
</head>
<body>
<!--顶部菜单有改动与首页的不一样，请单独调用-->
<div class="dy1">
    <div class="dy2">
        <ul class="dy3">
            <li><a>帝云官网<br/>帝云官网</a></li>
            <li><a id="diyunapp">商城APP<br/>商城APP</a></li>
        </ul>

        <ul class="dy4">
            <li><a href="{:url('home/login/login')}">登录<br/>登录</a></li>
            <li><a href="{:url('home/user/register')}">注册<br/>注册</a></li>
            <li><a href="{:url('home/user/index')}">个人中心<br/>个人中心</a></li>
        </ul>


    </div>
</div>
<!--logo加时间加搜索框-->
<div class="dy10">
	<div class="dy11">
        <a href="{:url('home/index/index')}"><img src="img/logo.png" style="height: 50px;width: 50px;"></a>
    </div>
    <div class="dy13">
    	<embed src="img/honehone_clock_wh.swf" style=" height:45px; width:120px"></embed>
    </div>

    <form action="{:url('index/serch')}" method="get">
    <div class="dy12">
    	<input type="text" name="sou" style="width:500px; height:36px; text-indent:12px; font-size:12px; color:#666;"  class="search" where="{$type_id}" value="{$sou}" >
        <input type="submit" value="搜索" style=" cursor:pointer; width:70px; height:36px; float:right; text-align:center; background:#333;" class="shousuo">
    </div>
    </form>
</div>
<!--全部商品分类-->
<div class="qbspfl">
	<div class="djfl">
    	所有分类
    </div>

</div>
<script>
$(function(){
	$("#banner_menu_wrap").mouseleave(function(){
		$(this).hide()
		$("#big_banner_wrap").hide()
		});
	$(".djfl").mouseenter(function(){
		$("#big_banner_wrap").show()
		$("#banner_menu_wrap").show()
		});	
	})
	
</script>
<!--banner轮播引入lunbo.css和daohang.js-->

 <script src="js/daohang.js"></script>
<!--属性栏筛选 -->
<div class="shaixuan">
	<!--品牌分类开始-->
    <div class="sxfenlei">
    	<div class="sxname">品牌</div>
        <div class="sxleibie">
        	<ul class="liebiaoyi_w">
                <?php if($brand) { ?>
                <?php foreach($brand as $k => $v) { ?>
                <li><a href="#"><img src="__ROOT__/<?php echo $v['brand_logo']?>" width="88" height="35"><em><?php echo $v['brand_name']?></em></a>
                    <?php } ?>
                    <?php } ?>

            </ul>


        </div>
    </div>
    <!--品牌分类结束-->
	<div class="sxfenlei">
    	<div class="sxname">属性</div>
        <div class="sxleibie">
        	<ul class="liebiaoyi">
            	<li><a href="#">标题一</a></li>
                <li><a href="#">标题一</a></li>
                <li><a href="#">标题一</a></li>

                <li><a href="#">标题一</a></li>
			</ul>
        </div>
    </div>
    
    <script>
		$(function(){//第一步都得写这个
        	$(".zdguanbi").click(function(){//获取title，并且让他执行下面的函数
        		$(this)/*点哪个就是哪个*/.next(".liebiaoer_w")/*哪个标题下面的con*/.slideToggle()
        		
        		})
        	$(".zdguanbi").click(function(){//获取title，并且让他执行下面的函数
		    $(this)/*点哪个就是哪个*/.next(".liebiaoer")/*哪个标题下面的con*/.slideToggle()
		
		})	
		
	
	})
    </script>
</div>
<!--分类搜索-->
<div class="zhxlxp">
	<span style=" background:#000; color:#fff; margin-left:0;">排序方式</span>
	<a href="javascript:void(0)" id="zong" where="1">综合</a>
    <a href="javascript:void(0)" id="xiao" where="1" title="7天销量降序排列">销量</a>
    <a href="javascript:void(0)" id="xin"  where="1" title="上架时间降序排列">新品</a>
    <a href="javascript:void(0)" id="jia"  where="1" title="销售价格降序排列">价格</a>
</div>
    <script>
    //综合
    $(document).on("click","#zong",function(){  
            var zong1=$(this).attr('where');
            var type_id = $(".search").attr('where');
            // alert(type_id)
            var sou = $(".search").val();
            if(zong1==1){
               zong1=2
            }
             $.ajax({
                url:"{:URL('home/index/zong')}",
                data:{zong1:zong1,type_id:type_id,sou:sou},
                dataType:"json",
                success:function(a){
                    // console.log(a)
                    str = '';
                    //拼接
                    $.each(a.data,function(i,v){
                        str += '<li>';
                        str += '<a href="__ROOT__/index.php/home/index/xiangqing?goods_id'+v.goods_id+'" class="wocici">';
                        str += '<b>';
                        str += '<img src="__ROOT__/'+v.img_path+'" style="width: 180px;">';
                        str += '</b>';
                        str += '<h2>'+v.goods_name+'</h2>';
                        str += '<p>'+v.goods_desc+'</p>';
                        str += '<span>'+v.goods_price+'￥</span>';
                        str += '</a>';
                        str += '</li>';
                    })
                    $(".aaa").empty();
                    $(".aaa").append(str);
                    $("#zong").attr("where",a.zong1);
                  }
             })
        })

    //时间
       $(document).on("click","#xin",function(){  
            var xin1=$(this).attr('where');
            var type_id = $(".search").attr('where');
          
            var sou = $(".search").val();
            if(xin1==1){
               xin1=2
            }
             $.ajax({
                url:"{:URL('home/index/xin')}",
                data:{xin1:xin1,type_id:type_id,sou:sou},
                dataType:"json",
                success:function(a){
                    // console.log(a)
                    str = '';
                    //拼接
                    $.each(a.data,function(i,v){
                        str += '<li>';
                        str += '<a href="__ROOT__/index.php/home/index/xiangqing?goods_id'+v.goods_id+'" class="wocici">';
                        str += '<b>';
                        str += '<img src="__ROOT__/'+v.img_path+'" style="width: 180px;">';
                        str += '</b>';
                        str += '<h2>'+v.goods_name+'</h2>';
                        str += '<p>'+v.goods_desc+'</p>';
                        str += '<span>'+v.goods_price+'￥</span>';
                        str += '</a>';
                        str += '</li>';
                    })
                    $(".aaa").empty();
                    $(".aaa").append(str);
                    $("#xin").attr("where",a.xin1);
                  }
             })
        })
    //价格
     $(document).on("click","#jia",function(){  
            var jia1=$(this).attr('where');
            var type_id = $(".search").attr('where');
           
            var sou = $(".search").val();
            if(jia1==1){
               jia1=2
            }
             $.ajax({
                url:"{:URL('home/index/ge')}",
                data:{jia1:jia1,type_id:type_id,sou:sou},
                dataType:"json",
                success:function(a){
                    // console.log(a)
                    str = '';
                    //拼接
                    $.each(a.data,function(i,v){
                        str += '<li>';
                        str += '<a href="__ROOT__/index.php/home/index/xiangqing?goods_id'+v.goods_id+'" class="wocici">';
                        str += '<b>';
                        str += '<img src="__ROOT__/'+v.img_path+'" style="width: 180px;">';
                        str += '</b>';
                        str += '<h2>'+v.goods_name+'</h2>';
                        str += '<p>'+v.goods_desc+'</p>';
                        str += '<span>'+v.goods_price+'￥</span>';
                        str += '</a>';
                        str += '</li>';
                    })
                    $(".aaa").empty();
                    $(".aaa").append(str);
                    $("#jia").attr("where",a.jia1);
                  }
             })
        })
 
    //销量
         $(document).on("click","#xiao",function(){  
            var xiao1=$(this).attr('where');
            var type_id = $(".search").attr('where');
           
            var sou = $(".search").val();
            if(xiao1==1){
               xiao1=2
            }
             $.ajax({
                url:"{:URL('home/index/xiao')}",
                data:{xiao1:xiao1,type_id:type_id,sou:sou},
                dataType:"json",
                success:function(a){
                    // console.log(a)
                    str = '';
                    //拼接
                    $.each(a.data,function(i,v){
                        str += '<li>';
                        str += '<a href="__ROOT__/index.php/home/index/xiangqing?goods_id'+v.goods_id+'" class="wocici">';
                        str += '<b>';
                        str += '<img src="__ROOT__/'+v.img_path+'" style="width: 180px;">';
                        str += '</b>';
                        str += '<h2>'+v.goods_name+'</h2>';
                        str += '<p>'+v.goods_desc+'</p>';
                        str += '<span>'+v.goods_price+'￥</span>';
                        str += '</a>';
                        str += '</li>';
                    })
                    $(".aaa").empty();
                    $(".aaa").append(str);
                    $("#xiao").attr("where",a.xiao1);
                  }
             })
        })
 
    </script>
<!--商品列表-->
<div class="shopliebiao">
	<ul class="aaa">
        <?php foreach ($data as $key=>$val){ ?>
        <li>
            <a href="__ROOT__/index.php/home/index/xiangqing?goods_id=<?php echo $val['goods_id'] ?>" class="wocici">
                <b>
                    <img src="__ROOT__/<?php echo $val['img_path']?>" style="width: 180px;">
                </b>
                <h2><?php echo $val['goods_name'] ?></h2>
                <p><?php echo $val['goods_desc'] ?></p>
                <span><?php echo $val['goods_price'] ?>￥</span>
            </a>
            <!--<em class="wocaca">-->
                <!--<a href="#">帝云自营店</a>-->
                <!--<a href="#" style=" border-right:hidden">联系卖家</a>-->
            <!--</em>-->
        </li>
        <?php } ?>


    </ul>
</div>
<!--猜你喜欢-->
<div class="zhxlxp"><span style=" background:#111; color:#fff; margin-left:0; padding-left:10px">猜你喜欢</span></div>
<div class="tuijiansp">
    <div class="shopliebiao">
        <ul>
            <?php foreach ($cai as $key=>$val){ ?>
            <li>
                <a href="__ROOT__/index.php/home/index/xiangqing?goods_id=<?php echo $val['goods_id'] ?>" class="wocici">
                    <b>
                        <img src="__ROOT__/<?php echo $val['img_path']?>" style="width: 180px;">
                    </b>
                    <h2><?php echo $val['goods_name'] ?></h2>
                    <p><?php echo $val['goods_desc'] ?></p>
                    <span><?php echo $val['goods_price'] ?>￥</span>
                </a>
           <!--<em class="wocaca">-->
           	<!--<a href="#">帝云自营店</a>-->
            <!--<a href="#" style=" border-right:hidden">联系卖家</a>-->
           <!--</em>-->
        </li>
            <?php } ?>
            
        </ul>
    </div>
</div>    
<!--页脚-->
<!--footer-->
<div class="footer">
	<div class="box" style=" width:1226px; margin:0 auto">
        <ul class="lian">
            <li>
                <p><img src="img/fot.png">新手指南</p>
                <a href="#">账户注册</a>
                <a href="#">购物流程</a>
                <a href="#">网站地图</a>
            </li>
            <li>
                <p><img src="img/fot1.png">支付方式</p>
                <a href="#">货到付款</a>
                <a href="#">在线支付</a>
                <a href="#">礼品卡及账户余额</a>
                <a href="#">其他支付方式</a>
            </li>
            <li>
                <p><img src="img/fot2.png">配送说明</p>
                <a href="#">配送运费</a>
                <a href="#">配送时间</a>
            </li>
            <li>
                <p><img src="img/fot3.png">售后服务</p>
                <a href="#">退换货政策</a>
                <a href="#">退换货办理流程</a>
                <a href="#">退换货网上办理</a>
                <a href="#">退款说明</a>
            </li>
            <li>
                <p><img src="img/fot4.png">关于我们</p>
                <a href="#">公司简介</a>
                <a href="#">合作专区</a>
                <a href="#">联系我们</a>
                <a href="#">友情链接</a>
            </li>
            <li>
                <p><img src="img/fot5.png">帮助中心</p>
                <a href="#">找回密码</a>
                <a href="#">邮件订阅</a>
                <a href="#">产品册订阅</a>
                <a href="#">隐私声明</a>
            </li>
        </ul>
        <ul class="adv">
        	<li><img src="img/adv.png">正品保障</li>
            <li><img src="img/adv1.png">免运费</li>
            <li><img src="img/adv2.png">送货上门</li>
            <li style="border-right:none;"><img src="img/adv3.png">实物拍摄</li>
        </ul>
        <p class="ad">地址：山东省济南市天桥区历山北路黄台电子商务产业园1020室 &nbsp;&nbsp;&nbsp;邮箱：xgm@8and9.com.cn &nbsp;&nbsp;&nbsp;邮编:210008 &nbsp;&nbsp;&nbsp;电话:025-83218155</p>
        <p class="ad">Copyright © 2010 - 2013, 版权所有 SHUIGUO.COM &nbsp;&nbsp;&nbsp;苏ICP备10088888号-1</p>
    </div>
</div>

</body>
</html>    
           
    
               
            
        
             
                
            
                    
        
            	
            
                  
          
 

    
    		
        